<template>
  <div>
    <el-card class="box-card mb-4"> 首页功能展示 </el-card>
    <el-row :gutter="40" class="mb-4">
      <el-col :xs="24" :sm="12" :lg="6" class="mb-4">
        <el-card>1</el-card>
      </el-col>
      <el-col :xs="24" :sm="12" :lg="6" class="mb-4">
        <el-card>2</el-card>
      </el-col>
      <el-col :xs="24" :sm="12" :lg="6" class="mb-4">
        <el-card>3</el-card>
      </el-col>
      <el-col :xs="24" :sm="12" :lg="6" class="mb-4">
        <el-card>4</el-card>
      </el-col>
    </el-row>
    <el-row :gutter="40">
      <el-col :sm="24" :lg="8">
        <el-card>
          <LineChart></LineChart>
        </el-card>
      </el-col>
      <el-col :xs="24" :sm="12" :lg="8">
        <el-card>
          <LineChart></LineChart>
        </el-card>
      </el-col>
      <el-col :xs="24" :sm="12" :lg="8">
        <el-card>
          <LineChart></LineChart>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script setup lang="ts">
import LineChart from './components/lineChart.vue';
</script>

<style scoped lang="scss"></style>
